{% extends "base.html" %}

{% block breadcrumb_current %}
    
{% endblock %}

{% block content %}
    {% if message %}
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    {% endif %}

    <!-- 主内容区 -->
    <div class="container-fluid mt-3">
        <div class="row">
            <div class="col-md-2 col-lg-2 p-0 bg-white shadow-sm" id="sidebar">
                <div class="list-group rounded-0">
                    <a class="list-group-item list-group-item-action active"
                        style="background-color: #417690; color: #eff4bc !important;">
                        <i class="fa-solid fa-user-secret me-2"></i>数据导入
                    </a>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'loadmapping' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>Mac对照表
                        </a>
                    </div>

                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'loadsettlement' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>结算数据
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'loadmanagement' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>网管数据
                        </a>
                    </div>

                <div class="list-group rounded-0">
                    <a class="list-group-item list-group-item-action active"
                        style="background-color: #417690; color: #eff4bc !important;">
                        <i class="fa-solid fa-user-group me-2"></i>导出数据
                    </a>

                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'export_mapping' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>Mac对照表
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'export_settlement' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>结算数据
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="#" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>3
                        </a>
                    </div>
                </div>
                <div class="list-group rounded-0">
                    <a class="list-group-item list-group-item-action active"
                        style="background-color: #417690; color: #eff4bc !important;">
                        <i class="fa-solid fa-user-group me-2"></i>模板下载
                    </a>

                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'download_template' 'mapping.xlsx' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>Mac对照表
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'download_template' 'settlement.xlsx' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>结算数据
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'download_template' 'management.xlsx' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>网管数据
                        </a>
                    </div>
                </div>
                <div class="list-group rounded-0">
                    <a class="list-group-item list-group-item-action active"
                        style="background-color: #417690; color: #eff4bc !important;">
                        <i class="fa-solid fa-user-group me-2"></i>其他
                    </a>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'category_list' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>终端类别
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'settlement_list' %}" class="text-decoration-none me-2"
                            style="color: #417690;">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>手工标注
                        </a>
                    </div>
                    <div class="list-group-item list-group-item-action fs-6 d-flex" style="color: #417690;">
                        <a href="{% url 'readme' %}" class="text-decoration-none me-2"
                            style="color: #417690;" target="_blank">
                            <i class="fa-solid fa-pen-to-square me-2" style="color: #417690;"></i>建站说明
                        </a>
                    </div>
                </div>            
            </div>
        </div>
            <!-- 右侧内容区 -->
        <div class="col-lg-10 p-1">
            <div class="bg-light p-3 shadow-sm" style="margin-top: 15px;">
                <h5 class="mb-4" style="color: #417690;">
                    <i class="fa-solid fa-user-shield"></i> 账号安全
                </h5>
                <p style="color: #417690;">您上次登录是{{ last_login }}</p>
                <p style="color: #417690;">如果不是您本人登录请联系管理员</p>
            </div>
        </div>
    </div>

{% endblock %}